iT邦幫忙

2025 iThome 鐵人賽

DAY 2
0
Modern Web

30天絕望倒數JavaScript系列 第 2

JavaScript 該放在哪裡

  • 分享至 

  • xImage
  •  

有兩個方法來抓取JS

1.可以直接放在HTML中的 和 標籤之間
2.可以在同一個資料夾裡面創建一個 JS 檔然後在 HTML 中的和標籤之間來抓取創建的 JS 檔

範例

1. 標籤

  • 第一種方法在 HTML 中,JavaScript 程式碼插入到和標籤之間。
<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello";
</script>

</body>
</html> 

https://ithelp.ithome.com.tw/upload/images/20250916/201786988JtPP5QQnI.png
2.創建 JS 檔然後再HTML抓取JS檔
https://ithelp.ithome.com.tw/upload/images/20250916/20178698JOz2SNXXpb.png

  • HTML
<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script src="text.js"></script>

</body>
</html> 
  • JS
document.getElementById("demo").innerHTML = "Hello";

https://ithelp.ithome.com.tw/upload/images/20250916/201786980HRJ8mjP2h.png

  • 結論這兩種方法都可以但我個人建議用第二種這樣我們 HTML 才不會太冗長,而且要修改 JS 會比較方便且清楚

上一篇
認識JavaScript
下一篇
JavaScript輸出
系列文
30天絕望倒數JavaScript18
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言